<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="i1" placeholder="姓名">
    <input type="text" id="i2" placeholder="工资">
    <input type="text" id="i3" placeholder="工作">
    <input type="button" value="添加" onclick="f()">

    <table border="1">
        <tr>
            <th>姓名</th>
            <th>工资</th>
            <th>工作</th>
        </tr>
    </table>

    <script>
/*        let i1 = document.querySelector("#i1")
        let i2 = document.querySelector("#i2")
        let i3 = document.querySelector("#i3")*/
        /*i1~i3默认提供  部分浏览器不支持*/

        let table = document.querySelector("table")
        function f() {
            let tr = document.createElement("tr")
            let name = document.createElement("td")
            let salaryTd = document.createElement("td")
            let jobTh = document.createElement("td")
            name.innerText=i1.value;
            salaryTd.innerText=i2.value;
            jobTh.innerText=i3.value;
            tr.append(name,salaryTd,jobTh);
            table.append(tr)
        }
    </script>
</body>
</html>